/**
 * Adobe Edge: symbol definitions
 */
(function($, Edge, compId){
//images folder
var im='images/';

var fonts = {};


var resources = [
];
var symbols = {
"stage": {
   version: "1.0.0",
   minimumCompatibleVersion: "0.1.7",
   build: "1.0.0.185",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
         dom: [
         {
            id:'HTML5_Logo_512',
            type:'image',
            rect:['191px','97px','167px','175px','auto','auto'],
            fill:["rgba(0,0,0,0)",im+"HTML5_Logo_512.png",'0px','0px']
         },
         {
            id:'Text',
            type:'text',
            rect:['-151px','118px','151px','35px','auto','auto'],
            text:"Powered by",
            font:['\'ヒラギノ角ゴ Pro W3\', \'Hiragino Kaku Gothic Pro\', \'メイリオ\', Meiryo, \'ＭＳＰゴシック\', MS PGothic, sans-serif',24,"rgba(255,255,255,1.00)","normal","none",""],
            textShadow:["rgba(0,0,0,0.65)",3,3,3]
         },
         {
            id:'Text2',
            type:'text',
            rect:['550px','153px','173px','64px','auto','auto'],
            text:"HTML5",
            align:"left",
            font:['\'ヒラギノ角ゴ Pro W3\', \'Hiragino Kaku Gothic Pro\', メイリオ, Meiryo, ＭＳＰゴシック, \'MS PGothic\', sans-serif',48,"rgba(255,255,255,1)","400","none","normal"],
            textShadow:["rgba(0,0,0,0.65)",3,3,3]
         },
         {
            id:'title',
            type:'image',
            rect:['0','0','550px','400px','auto','auto'],
            fill:["rgba(0,0,0,0)",im+"title.jpg",'0px','0px']
         },
         {
            id:'Symbol_1',
            type:'rect',
            rect:['159','222','auto','auto','auto','auto']
         }],
         symbolInstances: [
         {
            id:'Symbol_1',
            symbolName:'Symbol_1'
         }
         ]
      },
   states: {
      "Base State": {
         "${_Text}": [
            ["subproperty", "textShadow.blur", '3px'],
            ["subproperty", "textShadow.offsetH", '3px'],
            ["color", "color", 'rgba(8,202,2,1.00)'],
            ["subproperty", "textShadow.offsetV", '3px'],
            ["style", "left", '-151px'],
            ["style", "width", '151px'],
            ["style", "top", '118px'],
            ["style", "height", '35px'],
            ["subproperty", "textShadow.color", 'rgba(0,0,0,0.65)'],
            ["style", "opacity", '1']
         ],
         "${_Stage}": [
            ["color", "background-color", 'rgba(3,4,97,1.00)'],
            ["style", "overflow", 'hidden'],
            ["style", "height", '400px'],
            ["style", "width", '550px']
         ],
         "${_Text2}": [
            ["subproperty", "textShadow.blur", '3px'],
            ["subproperty", "textShadow.offsetH", '3px'],
            ["color", "color", 'rgba(8,202,2,1.00)'],
            ["style", "font-weight", '400'],
            ["style", "left", '550px'],
            ["style", "width", '173px'],
            ["style", "top", '153px'],
            ["style", "opacity", '1'],
            ["style", "height", '64px'],
            ["subproperty", "textShadow.color", 'rgba(0,0,0,0.65)'],
            ["subproperty", "textShadow.offsetV", '3px'],
            ["style", "font-size", '48px']
         ],
         "${_HTML5_Logo_512}": [
            ["style", "top", '97px'],
            ["style", "height", '175px'],
            ["style", "opacity", '0'],
            ["style", "left", '191px'],
            ["style", "width", '167px']
         ],
         "${_title}": [
            ["style", "height", '400px'],
            ["style", "opacity", '0'],
            ["style", "width", '550px']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 5500,
         autoPlay: true,
         timeline: [
            { id: "eid11", tween: [ "style", "${_Text2}", "opacity", '0', { fromValue: '1'}], position: 3500, duration: 500 },
            { id: "eid4", tween: [ "color", "${_Text2}", "color", 'rgba(8,202,2,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(8,202,2,1.00)'}], position: 2000, duration: 0 },
            { id: "eid5", tween: [ "color", "${_Text}", "color", 'rgba(8,202,2,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(8,202,2,1.00)'}], position: 2000, duration: 0 },
            { id: "eid13", tween: [ "style", "${_title}", "opacity", '1', { fromValue: '0'}], position: 4000, duration: 1000 },
            { id: "eid2", tween: [ "style", "${_Text2}", "left", '188px', { fromValue: '550px'}], position: 1000, duration: 1000 },
            { id: "eid12", tween: [ "style", "${_Text}", "opacity", '0', { fromValue: '1'}], position: 3500, duration: 500 },
            { id: "eid1", tween: [ "style", "${_Text}", "left", '124px', { fromValue: '-151px'}], position: 0, duration: 1000 },
            { id: "eid7", tween: [ "color", "${_Stage}", "background-color", 'rgba(255,255,255,1.00)', { animationColorSpace: 'RGB', valueTemplate: undefined, fromValue: 'rgba(3,4,97,1)'}], position: 3500, duration: 500 },
            { id: "eid6", tween: [ "style", "${_HTML5_Logo_512}", "opacity", '1', { fromValue: '0'}], position: 2000, duration: 1000 },
            { id: "eid10", tween: [ "style", "${_HTML5_Logo_512}", "opacity", '0', { fromValue: '1'}], position: 3500, duration: 500 },
            { id: "eid15", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['playReverse', '${_Symbol_1}', [] ], ""], position: 4500 },
            { id: "eid16", trigger: [ function executeSymbolFunction(e, data) { this._executeSymbolAction(e, data); }, ['play', '${_Symbol_1}', [] ], ""], position: 5000 }         ]
      }
   }
},
"Symbol_1": {
   version: "1.0.0",
   minimumCompatibleVersion: "0.1.7",
   build: "1.0.0.185",
   baseState: "Base State",
   initialState: "Base State",
   gpuAccelerate: false,
   resizeInstances: false,
   content: {
   dom: [
   {
      font: ['Lucida Sans Unicode, Lucida Grande, sans-serif',36,'rgba(202,17,2,1.00)','normal','none','italic'],
      type: 'text',
      id: 'Text4',
      text: 'start escape !',
      align: 'left',
      rect: ['0px','0px','232px','50px','auto','auto']
   }],
   symbolInstances: [
   ]
   },
   states: {
      "Base State": {
         "${symbolSelector}": [
            ["style", "height", '50px'],
            ["style", "width", '232px']
         ],
         "${_Text4}": [
            ["color", "color", 'rgba(202,17,2,1.00)'],
            ["style", "opacity", '0'],
            ["style", "left", '0px'],
            ["style", "font-size", '36px'],
            ["style", "top", '0px'],
            ["style", "height", '50px'],
            ["style", "font-family", 'Lucida Sans Unicode, Lucida Grande, sans-serif'],
            ["style", "width", '232px'],
            ["style", "font-style", 'italic']
         ]
      }
   },
   timelines: {
      "Default Timeline": {
         fromState: "Base State",
         toState: "",
         duration: 5500,
         autoPlay: false,
         timeline: [
            { id: "eid14", tween: [ "style", "${_Text4}", "opacity", '1', { fromValue: '0'}], position: 5000, duration: 500 }         ]
      }
   }
}
};


Edge.registerCompositionDefn(compId, symbols, fonts, resources);

/**
 * Adobe Edge DOM Ready Event Handler
 */
$(window).ready(function() {
     Edge.launchComposition(compId);
});
})(jQuery, AdobeEdge, "EDGE-2613099");
